<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, user-scalable=no">

	<link rel="stylesheet" href="${s.base}/res/pc/css/index.css"> 
	<script type="text/javascript" src="${s.base}/res/pc/js/jquery-1.9.1.min.js"></script>
<title>错误页面</title>
<style>
	#codeArea {
	width: 320px;
    height: 400px;
    margin: 100px auto;
    background: rgba(251, 248, 248, 0.18);
    padding: 20px;
    border-radius: 30px;
    color: white;
	}
	#codeImg{
	width: 322px;
    height: 280px;
    font-size: 160px;
    line-height: 280px;
    text-align: center;
    text-shadow: 0px 1px 0px #666, 0px 2px 0px #555,3px 3px 30px #025254, 0px 6px 20px rgba(88, 255, 2, 0.1), 0px 0px 5px rgba(247, 247, 247, 0.1), 0px 10px 2px rgba(0, 0, 0, 0.3), 2px 8px 6px rgba(0, 0, 0, 0.2),0px 6px 6px rgba(255, 255, 255, 0.8), 0px 4px 4px rgba(197, 134, 134, 0.2), 2px 10px 20px rgba(156, 154, 154, 1);
	}
	#title{
	width:100%;
	line-height:30px;
	text-align:center;
	fong-size:24px;
	}
	#content{
	    padding-left: 30px;
	}
	#content p{
	   margin:3px;
	   fong-size:18px;
	   line-height:30px;
	}
</style>
<script   >
$(function(){
	
	// 根据配置内容加载右侧菜单
	$(".bodyLayout").css({
		height : $(window).height() < 668 ? 668 : $(window).height() - 10,
		width : $(window).width() < 1580 ? 1580 : $(window).width()
	})
		$(".mcontent").height(
			$(".bodyLayout").height() - $(".header").height()
					- $(".bottom").height());

 
	    
 
	    
});    
</script>

</head>
<body>
<body spellcheck="false" style="margin:0;padding:0;"  >
        <div class="bodyLayout ">
		<div class="header shadow gradient">
             <div class="logo"><img src="${s.base}/res/pc/images/dodem_big.png"   width=205 height=50 alt="dodem_big.png"></div>
             <div class="pageTitle"> </div>
             <ul class="h_tool">
              <li class="h_t_item split"  > </li>
             	<li class="h_c_item btn c_green" ></li>
             	<li class="h_c_item btn c_blue" ></li>
             	<li class="h_c_item btn c_purple" ></li>
             </ul>
         
             
		</div>
		<div class="mcontent">
		<!-- 条码区域 -->
<div id="codeArea">
  <div id="title">页面不存在</div>
  <div id="codeImg"  >404</div>
  <div id="content">
     <p>可能你访问的页面已经出去巡检其他设备了</p>
     <a href="${s.base}/"  class="btn">点击这里返回首页</a>
  </div>
 </div> 
 <!-- end codearea -->
 </div>
		<div class="bottom shadow gradient">
		        <div style="position: absolute;top:-40px;right:40px">
								<span id="browser"><fmt:message key="login.unknownBrowser"/></span>
								<span id="okMsg" style="display:none"><fmt:message key="login.supportedBrowser"/></span>
								<span id="warnMsg" style="display:none"><fmt:message key="login.unsupportedBrowser"/></span>
				 </div>
				  
				 <img src="${s.base}/res/pc/images/dodem.png"  width=150 height=40 alt="dodem.png" />
			  	 
			 

		</div>
</body>
</html>